<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<html>
<head>
<meta charset="UTF-8">
<title>用户登录</title>

<style>
.login_boder {
	border: 1px solid #bbbbbb;
	background-color: white;
	width: 400px;
	margin: 20px auto 0;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 5px #cccccc;
	padding-top: 30px;
}

.label {
	height: 40px;
	line-height: 40px;
	padding-left: 6%;
}

.row {
	height: 50px;
	line-height: 50px;
	text-align: center;
}

.row input {
	height: 35px;
	width: 90%;
	border-radius: 5px;
	border: 1px solid #bbbbbb;
	padding: 5px;
	outline: none;
	transition: border 1s, box-shadow 1s;
	//
	过渡显示获取焦点
	边框
}

.row input:focus {
	border: 1px solid #06c;
	-moz-box-shadow: 0 0 10px #06c;
	-webkit-box-shadow: 0 0 10px #06c;
	box-shadow: 0 0 10px #06c;
}

button {
	width: 100px;
	height: 35px;
	border: none;
	outline: none;
	background-color: #4f5d80;
	font-size: 16px;
	margin-bottom: 20px;
	margin-right: 20px;
	cursor: pointer;
	color: white;
	font-size: 18px;
}

.logo {
	width: 400px;
	margin: 5% auto 40px;
	text-align: center;
}
</style>
</head>
<body style="background-image: url(images/login_bgx.gif)">
	<form action="LoginServlet" method="post">
		<div class="logo">
			<img src="images/logo1.png" alt="">
		</div>
		<div class="login_boder">
			<div class="label" style="color: #4f5d80; font-size: 18px">用户名</div>
			<div class="row">
				<input type="text" placeholder="请输入用户名" id="userName"
					name="userName">
			</div>
			<div class="label" style="color: #4f5d80; font-size: 18px">密&nbsp;码</div>
			<div class="row">
				<input type="password" placeholder="请输入密码" id="pwd" name="pwd">
			</div>
			
			<div class="login" style="text-align: right">
				<button type="submit">登&nbsp;&nbsp;录</button>
			</div>
		</div>
	</form>
</body>
</html>